<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>{$info.title}</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css">
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <!-- <link rel="stylesheet" href="1.css"> -->
    <link rel="stylesheet" href="__HOME_CSS__/kol.css">
</head>

<body>
    <div class="template">
        <div class="nav">
            <div class="icon"></div>
            <!-- <div class="navMes">
    <span class="left">美食</span>
    <span class="mid">X</span>
    <span class="right">Socail Dining</span>
</div>
 -->
        </div>
        <div class="firstPic">
            <img src="{$info.cover_url}">
        </div>
        <div class="introduce">
            <div class="title">
                <span>KOL简介</span>
            </div>
            <ul>
                <li>
                    <div class="icon">
                        <div class="oic"></div>
                        <span class="word">in</span>
                    </div>
                    <span class="mes">{$info.abstract}</span>
                </li>
                <li>
                    <div class="icon">
                        <div class="oic"></div>
                        <span class="word">table</span>
                    </div>
                    <span class="mes">{$info.memo}</span>
                </li>
            </ul>
        </div>
        <div class="menu">
            <div class="detail">
                <div style="padding-top: 10px;font-weight: bold;padding-bottom: 10px" class="tit">
                    <span>KOL</span>
                    <span>×</span>
                    <span>图片</span>
                </div>
                <ul>
                    <li style="text-align:center;">
                        {$info.content}
                    </li>
                </ul>
            </div>
            <div class="detail">
                <div style="padding-top: 25px;font-weight: bold;padding-bottom: 10px" class="tit">
                    <span>KOL</span>
                    <span>×</span>
                    <span>作品</span>
                </div>
                <ul>
                    <li style="text-align:center;">
                        {$info.menu}
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <script>
    //调整体验场文字和图片的对齐效果 icon 38px
    var icon = $('.introduce li');
    for (var i = 0; i < icon.length; i++) {
        if (icon.eq(i).find('.icon').height() <= 38) {
            $('.introduce li').eq(i).find('.mes').css('line-height', 38 + 'px')
        }
    }
    </script>
    <style>

    </style>
</body>

</html>
